<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
body { border:0; margin:0; padding:10px; width:950px; background:#CF9; }
.body *{margin:20px; border:dashed;border-color: #CF9; }
.main1 *{height:80px;padding:5px;}
.main1 { float:left; width:350px; background:#CC3; margin:10px; border:dotted; border-color: #CF9; padding:10px; text-align:center; }

.main2 { float:left; width:500px; background:#CC3; margin:10px; border:dashed; border-color: #CF9; padding:10px; text-align:center; }

.list { width:280px; }

.image { width:280px; }

.friend { width:280px; }

.footer { clear:both; }

.comment { border:groove; border-color: #CC3; background:#CFC; height:200px; width:450px;}
</style>
</head>

<body>
<div class="body">
	<div class="header">
		<h1>Welcome to my test website</h1>
		<p>My name is Big Head.</p>
	</div>
	<div class="main">
		<div class="main1">
			<div class="list">list</div>
			<div class="image">image</div>
			<div class="friend">friend</div>
		</div>
		<div class="main2">
			<p>some text</p>
			<div class="comment">commnet</div>
		</div>
	</div>
	<div class="footer">BH created in 2011.</div>
</div>
</body>
</html>
